<template>
  <el-drawer
    :before-close="close"
    title="报障单历史"
    :visible.sync="historyDrawerOpen"
    direction="rtl">
    <div class="block">
      <el-timeline>
        <el-timeline-item v-for="item in timeLineItemList" :timestamp="item.createTime" placement="top">
          <el-card>
            <h4>状态：{{ item.reportStatus }}</h4>
            <p style="line-height: 20px" v-html="item.reportInfo"></p>
          </el-card>
        </el-timeline-item>
      </el-timeline>
    </div>
  </el-drawer>
</template>
<script>

export default {
  name: "reportTimeLine",
  props: {
    timeLineItemList: {
      type: Array
    },
    historyDrawerOpen: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {}
  },
  methods:{
    close(){
      this.$emit('update:historyDrawerOpen', false)
    }
  }
}
</script>
